<template>
  <div>
    <div class="core">
      <div class="avatar">
        <img src="@/assets/imgs/N1.jpg" alt="" />
        <div class="">
          <div class="name">戴用名</div>
          <div class="userid">账号：18888888888</div>
        </div>
      </div>
      <div class="tit">基础信息</div>
      <div class="base">
        <div class="base-core">
          <div class="">
            <div class="">姓&emsp;&emsp;名：戴用名</div>
            <div class="">证件类型：身份证</div>
            <div class="">手机号码：18888888888</div>
            <div class="">邮政编码：111111</div>
          </div>
          <div class="">
            <div class="">所属单位：戴用名</div>
            <div class="">证件号码：111111111111111111</div>
            <div class="">电子邮箱：18888888888@111.com</div>
            <div class="">通讯地址：北京市丰台区某某某小区</div>
          </div>
        </div>
      </div>
      <div class="tit" style="margin-top: 30px">账号设置</div>
      <div class="setup">
        <div class="base-core">
          <div class="">
            <div class="">所属单位：戴用名</div>
            <div class="">电子邮箱：18888888888@111.com</div>
            <div class="">邮政编码：111111</div>
            <div class="">通讯地址：北京市丰台区某某某小区</div>
          </div>
          <div class="edit">
            <div class=""><a href="javascript:;">修改</a></div>
            <div class=""><a href="javascript:;">修改</a></div>
            <div class=""><a href="javascript:;">修改</a></div>
            <div class=""><a href="javascript:;">修改</a></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  data() {
    return {};
  },

  methods: {}
};
</script>

<style lang="scss" scoped>
.core {
  padding: 40px 60px 0;
  height: 100%;
  .tit {
    padding-top: 15px;
    color: #666666;
    font-size: 24px;
    border-top: 1px solid #e4e4e4;
    margin-bottom: 20px;
  }
  .avatar {
    display: flex;
    padding-bottom: 25px;
    img {
      width: 126px;
      height: 126px;
      border-radius: 50%;
      margin-right: 60px;
    }
    .name {
      color: #666666;
      font-size: 36px;
      line-height: 76px;
    }
    .userid {
      color: #666666;
      font-size: 24px;
    }
  }
  .base-core {
    display: flex;
    color: #666666;
    font-size: 18px;
    line-height: 30px;
  }
  .base-core > div:nth-child(1) {
    width: 500px;
  }
  .edit {
    a {
      color: #ff0505;
    }
  }
}
</style>
